﻿@inherits System.Web.Mvc.WebViewPage
<!DOCTYPE html>
<html>
<head>
    <title>Upload File</title>
    <style type="text/css">
    body{background: #eee;text-align: center;}
    #dropbox{margin-left: auto;margin-right: auto;width: 500px;height: 300px;margin-top: 100px;text-align:left;}
    #file_upload-queue{border:1px solid #aaa;margin-bottom:40px;}
    </style>
    <link type="text/css" rel="Stylesheet" href="/App_Plugins/Packages/FilePicker/Content/uploadify.css" />
    <script type="text/javascript" src="/App_Plugins/Packages/FilePicker/Content/jquery.min.js"></script>
    <script type="text/javascript" src="/App_Plugins/Packages/FilePicker/Content/jquery.uploadify.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#file_upload").uploadify({
                'height': 30,
                'swf': '/App_Plugins/Packages/FilePicker/Content/uploadify.swf',
                'uploader': '/FilePickerExplorer/UploadFile?folder=@HttpContext.Current.Request.QueryString["folder"]',
                'width': 120,
                'buttonText': "Select Files",
                'cancelImg': "/App_Plugins/Packages/FilePicker/Content/cancel.png"
            });
            window.onunload = function () {
                window.opener.window.refresh_current_folder();
            };
        });
    </script>
</head>
<body>
    <div id="dropbox">
        <div id="file_upload"></div>
    </div>
</body></html>